<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<title>好房东房源自主发布系统</title>
<!-- public link -->
<link rel="stylesheet" href="__APP__/css/introductPage.css">
<link rel="stylesheet" href="__APP__/css/activeAnimation.css">
<link rel="stylesheet" href="__APP__/js/slick/slick.css">
<link rel="stylesheet" href="__APP__/js/slick/slick-theme.css">
<script src="__APP__/js/jquery.min.js"></script>
<script src="__APP__/js/slick/slick.min.js"></script>
<!-- resize fontSize -->
<script type="text/javascript">
    (function(){
        var winWidth = document.documentElement.clientWidth;
        var rate = winWidth / 750;
        var fontSize = 60 * rate + 'px';
        document.documentElement.style.fontSize = fontSize;
    }());
</script>
</head>
<body>
    <audio src="__APP__/media/music.mp3" loop="loop" autoplay="autoplay"></audio>
    <div class="pageContainer">
        <div class="page page0"></div>
        <div class="page pageN3">
            <div class="page3Active1 Active">
                <img src="__APP__/images/pageN3Active.png" alt="active1">
            </div>
        </div>
        <div class="page pageN1">
            <div class="Active pageN1Active">
                <img src="__APP__/images/pageN1Active.png" alt=""> 
            </div>
        </div>
        
        <div class="page pageN2">
            <div class="Active pageN2Active1">
                <img src="__APP__/images/pageN2Active1.png" alt="">
            </div>
            <div class="Active pageN2Active2">
                <img src="__APP__/images/pageN2Active2.png" alt="">
            </div>
        </div>
        <div class="page page1">
            <div class="page1Active1 Active">
                <img src="__APP__/images/page1Active1.png" alt="active1">
            </div>
            <div class="page1Active2 Active">
                <img src="__APP__/images/page1Active2.png" alt="active2">
            </div>
            <div class="page1Active3 Active">
                <img src="__APP__/images/page1Active3.png" alt="active3">
            </div>
            <div class="page1Active4 Active">
                <img src="__APP__/images/page1Active4.png" alt="active4">
            </div>
        </div>
        <div class="page page2">
            <div class="Active page2Active1">
                <img src="__APP__/images/page2Active1.png" alt="active1">
            </div>
            <div class="Active page2Active2">
                <img src="__APP__/images/page2Active2.png" alt="active2">
            </div>
        </div>
        <div class="page page3">
            <div class="Active page3Active1">
                <img src="__APP__/images/page3Active1.png" alt="active1">
            </div>
        </div>
        <div class="page page4">
            <div class="Active page4Active1">
                <img src="__APP__/images/page4Active1.png" alt="active1">
            </div>
        </div>
        <div class="page page5">
            <div class="Active page5Active1">
                <img src="__APP__/images/page5Active1.png" alt="active1">
            </div>
        </div>
        <div class="page page6">
            <div class="Active page6Active1">
                <img src="__APP__/images/page6Active1.png" alt="active1">
            </div>
            <div class="Active page6Active2">
                <img src="__APP__/images/page6Active2.png" alt="active2">
            </div>
            <div class="Active page6Active3">
                <img src="__APP__/images/page6Active3.png" alt="active3">
            </div>
            <div class="Active page6Active4">
                <img src="__APP__/images/page6Active4.png" alt="active4">
            </div>
            <div class="Active page6Active5">
                <img src="__APP__/images/page6Active5.png" alt="active5">
            </div>
        </div>
        <div class="page page7">
            <div class="Active page7Active1">
                <img src="__APP__/images/arrow.png" alt="arrow">
            </div>
            <div class="erweima">
                <img src="__APP__/images/2dMark.jpg" alt="">
            </div>
            <div class="fabuButton">我也有房要发布</div> 
        </div>
    </div>
    <div class="arrowSlide"></div>
    <div class="musicButton">
        <img src="__APP__/images/music.png" alt="">
    </div>
</body>
<!-- script started here -->
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
    wx.ready(function(){
        var audio = document.getElementsByTagName('audio')[0];
        function play(){
            audio.play();
        }
        play();
        function pause(){
            audio.pause();
        }
        
        function musicStartOrPause (n,elem){
            $(elem).on('touchstart',function(){
                n = !n;
                if(n){
                    $(this).find('img').attr('src','http://wx.131-1.com/apps/WKChildPhoto/_static/images/music.png');
                    play();
                }
                else{
                    $(this).find('img').attr('src','http://wx.131-1.com/apps/WKChildPhoto/_static/images/music-cl.png');
                    pause();
                }
            });
        }
        musicStartOrPause(true,'.musicButton'); 
    });


    $(function(){
        /* resize .page's height */
        (function(){
            var winHeight = document.documentElement.clientHeight;
            var container = document.getElementsByClassName('pageContainer')[0];
            container.style.height = winHeight + 'px';
            var page = document.getElementsByClassName('page');
            for(var i = 0; i < page.length; i+=1){
                page[i].style.height = winHeight + 'px';
            }
        })();
        
        
        $('.pageContainer').slick({
            slidesToShow:1,
            slidesToScroll:1,
            vertical:true,
            verticalSwiping:true,
        });
        
        $('.fabuButton').on('touchend',function(){
            window.location.href = 'http://wx.131-1.com/mp/index.php?m=Home&c=Index&a=innermenu';
        });
        
        /*var a = -1;
        $('.page').on('touchend',function(e){
            var $_activeEle = $(this).children('.Active');
            var len = $_activeEle.length;
            var tObject = e.originalEvent.changedTouches[0];
            a++;
            alert(a);
            $_activeEle.eq(a).addClass('fadeIn');
        });*/
    });
</script>
<script type="text/javascript">
var title_s   = "";
var content_s = "";
var img       = "";
var link      = "";
var lock= 0;
function _report(){
    
}
</script>
<include file="footer"/>